<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <ui:composition template="/templatecrud.xhtml"> 
     
         <ui:define name="title">
           
        </ui:define>
       
       <ui:define name="Left">
           <h:form id="miform">
               <p:commandButton value="Agregar" action="#{insumoControlador.agregar()}"></p:commandButton>
               <p:dataTable rendered="true"  id="tablaInsumo" var="insumo"  selectionMode="single" rowKey="#{insumo.idInsumo}" value="#{insumoControlador.lstInsumos}" style="width:1260px" scrollable="true" scrollHeight="200">  
                   
                   <p:column headerText="CODIGO" style="width:10%">  
                        <h:outputText value="#{insumo.codigo}" />  
                    </p:column>  

                    <p:column headerText="NOMBRE" style="width:20%">  
                        <h:outputText value="#{insumo.nombre}" />  
                    </p:column>  

                    <p:column headerText="DESCRIPCION" style="width:58%">  
                        <h:outputText value="#{insumo.descripcion}" />  
                    </p:column>  
                    
                    <p:column style="width:6%">  
                        <p:commandButton icon="ui-icon-pencil" action="#{insumoControlador.editar()}" >
                            <f:setPropertyActionListener value="#{insumo}" target="#{insumoControlador.currentInsumo}" />  
                        </p:commandButton>
                    </p:column>  
                    
                   <p:column style="width:6%">  
                        <p:commandButton icon="ui-icon-close" action="#{insumoControlador.showConfirm()}" >
                            <f:setPropertyActionListener value="#{insumo}" target="#{insumoControlador.currentInsumo}" />  
                        </p:commandButton>
                    </p:column>  
                   
                </p:dataTable>  
            </h:form>
       </ui:define>
        
       <ui:define  name="Right">
           <h:form id="cruForm">
               <p:panelGrid  style="width:100%;border:0px;"   id="panelcrud"    >  
                   <p:row   >   
                       <p:column  colspan="4" style="width:100%" >
                           <p:messages id="messages"/>
                       </p:column>
                   </p:row>
                    
                <p:row  >   
                    <p:column colspan="2" style="width:20%" ><p:commandButton action="#{insumoControlador.persist()}" value="Salvar" id="save"  update="panelcrud"></p:commandButton></p:column>
                    <p:column  colspan="2" style="width:80%"><p:commandButton value="Cancelar"></p:commandButton></p:column>
                </p:row>
                                
                <p:row>   
                    <p:column style="width:15%"><h:outputLabel value="Nombre : *" ></h:outputLabel></p:column>  
                    <p:column style="width:20%"><p:inputText id="nombre" requiredMessage="El Nombre es obligatorio" required="true"  value="#{insumoControlador.insumo.nombre}" size="30"></p:inputText></p:column>
                     <p:column style="width:65%"><p:message  for="nombre" display="icon" /></p:column>
                </p:row>

                <p:row>   
                    <p:column style="width:15%"><h:outputLabel  value="Código : *"></h:outputLabel></p:column>  
                    <p:column style="width:20%"><p:inputText  id="codigo" value="#{insumoControlador.insumo.codigo}" required="true" requiredMessage="El código es obligatorio" size="30"  ></p:inputText></p:column>
                    <p:column style="width:65%"><p:message  for="codigo" display="icon" /></p:column>
                </p:row>
                   
                <p:row>    
                   <p:column style="width:15%"><h:outputLabel value="Descripción : *" ></h:outputLabel></p:column>
                   <p:column style="width:20%"><p:inputTextarea id="descripcion"  value="#{insumoControlador.insumo.descripcion}" rows="8" cols="50" required="true" requiredMessage="La descripción es obligatoria" ></p:inputTextarea></p:column>
                    <p:column style="width:65%"><p:message  for="descripcion" display="icon" /></p:column>
                </p:row>
                     
           </p:panelGrid> 
               
          <p:dialog header="Eliminación"  resizable="false" widgetVar="ConfirmDlg"  
                showEffect="fade" hideEffect="explode" modal="true">  
  
               <p:panelGrid >
                   <p:row >  
                       <p:column colspan="2"><h:outputLabel value="¿Esta seguro que desea eliminar el activo?" /></p:column>
                   </p:row>
                   
                   <p:row >  
                       <p:column ><p:commandButton value="Ok" action="#{insumoControlador.eliminar()}" /></p:column>
                       <p:column ><p:commandButton value="cancel" action="#{insumoControlador.closeConfirm()}" /></p:column>
                   </p:row>
               </p:panelGrid>
            </p:dialog>        
               
               
         </h:form>
       </ui:define>
   
    </ui:composition>
</html>

